<template>
	<view class="content">
		<view class="top_left"  @tap="hui">
		<image class="left_img" src="/static/left2.png"></image>
		 </view>
		<view class="jifen">我的积分</view>
		<view class="mingxi" @tap="mingxi">明细</view>

		<image class="logo" src="../../static/jifen.png"></image>
		<p class="title">{{ give }}</p>
		<p class="leiji">累计积分</p>
		<!-- <button type="primary" class="no-border " @click="encourage">兑换期权</button> -->
		<!-- <button type="primary" class="no-borde" @click="recommend">兑换易宝</button> -->
	</view>
</template>

<script>
export default {
	data() {
		return {
			give:''
		};
	},
	onLoad:function(){
		uni.request({
			url: 'http://tuiguang.yiyunoto.com/api/member/mem_give',
			header:{authtoken:this.$store.state.token},
			method: 'POST',
			success: res => {
				console.log("请求成功",res);
				this.give=res.data.data.memassets.give;
			},
			fail: (res) => {console.log("请求失败",res)},
			complete: () => {}
		});
	},
	
	methods: {
		hui:function(){
			uni.switchTab({
				url:'../My/My'
			})
		},
		
		recommend(e) {
			uni.redirectTo({
				url:'../Exchange_Pass/Exchange_Pass'
			})
		}
		,
		mingxi(){
			console.log("电力")
			uni.redirectTo({
				url:'../Integral_details/index'
			})
		}
	}
};
</script>

<style>
.content {
	width: 100%;
	height: 100%;
	padding-top: 50upx;
}
.top_left {
		magin: 20upx 30upx;
		width:60upx;
		height: 60upx;
		float: left;
	}
	.left_img{
		padding-left: 30upx;
		width:20upx;
		height: 40upx;
	}
.jifen {
	padding-left: 246upx;
	font-size: 35upx;
	float: left;
	font-family: PingFangSC-Medium, PingFangSC;
	color: rgba(87, 87, 87, 1);
}
.mingxi {
	padding-left:195upx;
	font-size: 28upx;
	float: left;
	font-family: PingFangSC-Regular, PingFangSC;
	color: rgba(102, 102, 102, 1);
	letter-spacing: 1px;
}
.logo {
	height: 138upx;
	width: 138upx;
	margin-top: 110upx;
	padding-left: 305upx;
}
.title {
	font-size: 80upx;
	font-family: PingFangSC-Medium, PingFangSC;
	color: rgba(76, 76, 76, 1);
	text-align: center;
}
.leiji {
	font-size: 30upx;
	font-family: PingFangSC-Regular, PingFangSC;
	color: rgba(91, 91, 93, 1);
	text-align: center;
}
.no-border {
	width: 680upx;
	height: 98upx;
	background: rgba(81, 134, 238, 1);
	box-shadow: 0upx 2upx 4upx 0upx rgba(0, 0, 0, 0.5);
	border-radius: 10upx;
	margin-top: 98upx;
	color: rgba(255, 255, 255, 1);
	font-size: 35upx;
	font-family: PingFangSC-Semibold, PingFangSC;
}
.no-borde {
	width: 680upx;
	height: 98upx;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0upx 2upx 4upx 0upx rgba(0, 0, 0, 0.5);
	border-radius: 10upx;
	color: rgba(76, 76, 76, 1);
	font-size: 35upx;
	font-family: PingFangSC-Semibold, PingFangSC;
	margin-top: 46upx;
}
</style>
